// 新建 cates.js 文件
// 抽取分类页面的逻辑功能
import wepy from 'wepy'

export default class CatesMix extends wepy.mixin {
  data = {
    // 分类数据
    cateList: [],
    // 屏幕可用高度
    wh: 0,
    // 二级分类的数据列表
    secondCate: []
  }

  onLoad() {
    // 调用获取分类数据的方法
    this.getCateList()
    // 调用获取屏幕的可用高度的方法
    this.getWindowHeight()
  }

  // 获取屏幕的可用高度
  async getWindowHeight() {
    const res = await wepy.getSystemInfo()

    if (res.errMsg === 'getSystemInfo:ok') {
      this.wh = res.windowHeight
    }
  }

  // 获取分类数据
  async getCateList() {
    const { data: res } = await wepy.get('/categories')

    // 判断返回的数据是否成功
    if (res.meta.status !== 200) {
      return wepy.baseToast()
    }

    this.secondCate = res.message[0].children
    this.cateList = res.message
    this.$apply()
  }

  methods = {
    onChange(e) {
      this.secondCate = this.cateList[e.detail].children
    },

    // 跳转大商品列表页
    goGoodsList (catId) {
      wepy.navigateTo({
        url: '/pages/goods_list?cid=' + catId
      })
    }
  }
}
